<template>
    <div>
        <group-title>base</group-title>
        <group>
            <cell>
                primary
                <tag slot="footer">primary</tag>
            </cell>
            <cell>
                success
                <tag slot="footer" theme="success">success</tag>
            </cell>
            <cell>
                warning
                <tag slot="footer" theme="warning">warning</tag>
            </cell>
            <cell>
                danger
                <tag slot="footer" theme="danger">danger</tag>
            </cell>
            <cell>
                default
                <tag slot="footer" theme="default">default</tag>
            </cell>
        </group>
        <group-title>hollow</group-title>
        <group>
            <cell>
                primary
                <tag hollow slot="footer">primary</tag>
            </cell>
            <cell>
                success
                <tag hollow slot="footer" theme="success">success</tag>
            </cell>
            <cell>
                warning
                <tag hollow slot="footer" theme="warning">warning</tag>
            </cell>
            <cell>
                danger
                <tag hollow slot="footer" theme="danger">danger</tag>
            </cell>
            <cell>
                default
                <tag hollow slot="footer" theme="default">default</tag>
            </cell>
        </group>
        <group-title>shape="pill"</group-title>
        <group>
            <cell>
                primary
                <tag shape="pill" hollow slot="footer">primary</tag>
            </cell>
            <cell>
                success
                <tag shape="pill" hollow slot="footer" theme="success">success</tag>
            </cell>
            <cell>
                warning
                <tag shape="pill" hollow slot="footer" theme="warning">warning</tag>
            </cell>
            <cell>
                danger
                <tag shape="pill" hollow slot="footer" theme="danger">danger</tag>
            </cell>
            <cell>
                default
                <tag shape="pill" hollow slot="footer" theme="default">default</tag>
            </cell>
        </group>
        <group-title>sm</group-title>
        <group>
            <cell>
                primary
                <tag size="sm" slot="footer">primary</tag>
            </cell>
            <cell>
                success
                <tag size="sm" slot="footer" theme="success">success</tag>
            </cell>
            <cell>
                warning
                <tag size="sm" slot="footer" theme="warning">warning</tag>
            </cell>
            <cell>
                danger
                <tag size="sm" slot="footer" theme="danger">danger</tag>
            </cell>
            <cell>
                default
                <tag size="sm" slot="footer" theme="default">default</tag>
            </cell>
        </group>
        <group-title>sm hollow</group-title>
        <group>
            <cell>
                primary
                <tag size="sm" hollow slot="footer">primary</tag>
            </cell>
            <cell>
                success
                <tag size="sm" hollow slot="footer" theme="success">success</tag>
            </cell>
            <cell>
                warning
                <tag size="sm" hollow slot="footer" theme="warning">warning</tag>
            </cell>
            <cell>
                danger
                <tag size="sm" hollow slot="footer" theme="danger">danger</tag>
            </cell>
            <cell>
                default
                <tag size="sm" hollow slot="footer" theme="default">default</tag>
            </cell>
        </group>
    </div>
</template>
